<template>
  <div id="app">
    <router-view />
    <!-- 在一些路径下,不需要有AppTabbar组件,例如:详情页就不需要有.searchpopup压面也不需要有 -->
    <AppTabbar v-if="$route.meta.isShowTabbar" />
  </div>
</template>



<script>
import AppTabbar from "@/components/AppTabbar";

export default {
  components: {
    AppTabbar,
  },
};
</script>




<style lang="less">
#app {
  // font-family: Avenir, Helvetica, Arial, sans-serif;
  // -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
  background-color: #efefef;
  min-height: 100%;
  font-size: 0.14rem;
  // color: #2c3e50;
}
html,
body {
  height: 100%;
}
// 移动端的单位   rem  em
html {
  // 权重问题     权限最高
  font-size: 100px !important;
}
// 1个rem   就是100px像素

// 问题: 如果此时要设置字体16px,应该写成多少rem???
// 答案:   font-size: 0.16rem;
//16px = 16px/rem =16px/100px =0.16rem

// p {
//   width: 1rem;
//   height: 1rem;
//   background-color: pink;
// }
//
</style>
